<template>
  <view class="house-item u-flex-y-center" @click="$u.route('/pages/index/housingResources/salesHouse')">
    <image src="@/static/images/01_17rgh.png" mode=""></image>
    <view class="u-flex-y-center u-flex-fill u-flex-between">
      <view>我要卖房</view>
      <image src="@/static/images/01_17q.png" class="house-more" mode=""></image>
    </view>
  </view>
  <view class="house-item u-flex-y-center" @click="$u.route('/pages/index/housingResources/buyHouse')">
    <image src="@/static/images/01_17rgh.png" mode=""></image>
    <view class="u-flex-y-center u-flex-fill u-flex-between">
      <view>我要买房</view>
      <image src="@/static/images/01_17q.png" class="house-more" mode=""></image>
    </view>
  </view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
  .house-item {
    height: 144rpx;
    background: linear-gradient(126deg, #FF7B6C 0%, #FF947B 100%);
    border-radius: 28rpx;
    font-size: 32rpx;
    font-weight: 800;
    color: #fff;
    margin: 36rpx 20rpx;
    padding-left: 24rpx;
    padding-right: 36rpx;

    >image {
      height: 96rpx;
      width: 96rpx;
      margin-right: 24rpx;
    }

    .house-more {
      width: 64rpx;
      height: 46rpx;
    }
  }

  .house-item+.house-item {
    background: linear-gradient(126deg, #F7713A 0%, #FDAA62 100%);
  }
</style>